/*
 * @Author: Setsuna
 * @Email: setsuna.xyz@qq.com
 * @FilePath: \personnelmanage\src\pages\QuotaManage\Report\InventoryDynamicReport\components\InventoryDynamicReportTab.tsx
 * @Date: 2022-01-20 16:42:15
 * @LastEditTime: 2022-10-14 12:04:47
 */

import { UdPage, UdPageHeader } from '@/lib'
import udMainStore from '@/store/UdMain'
import * as React from 'react'
import AreaTab from './AreaTab'
import CompanyTab from './CompanyTab'
import DistributorTab from './DistributorTab'
import { Tabs } from 'antd'

import '../style.scss'
interface IProps {
  checkedCode: number | string
}
const { TabPane } = Tabs;
export default class InventoryDynamicReport extends React.Component<IProps> {
  private brandList = udMainStore.brandList
  render() {
    let { checkedCode } = this.props
    return (
      <UdPage className="list-page inventoryDynamicReportDrawer">
        <UdPageHeader title="库存动销实时报表" />
        <Tabs defaultActiveKey="1" animated={false}>
          <TabPane tab="品牌公司" key="1">
            <CompanyTab brandList={this.brandList} checkedCode={checkedCode} />
          </TabPane>
          <TabPane tab="片区" key="2">
            <AreaTab brandList={this.brandList} checkedCode={checkedCode} />
          </TabPane>
          <TabPane tab="经销商" key="3">
            <DistributorTab brandList={this.brandList} checkedCode={checkedCode} />
          </TabPane>
        </Tabs>
      </UdPage>
    )
  }
}
